/*
1:歌曲搜索接口
请求地址:https://autumnfish.cn/search
请求方法:get
请求参数:keywords(查询关键字)
响应内容:歌曲搜索结果
2:歌曲url获取接口
请求地址:https://autumnfish.cn/song/url
请求方法:get
请求参数:id(歌曲id)
响应内容:歌曲url地址
3.歌曲详情获取
请求地址:https://autumnfish.cn/song/detail
请求方法:get
请求参数:ids(歌曲id)
响应内容:歌曲详情(包括封面信息)
4.热门评论获取
请求地址:https://autumnfish.cn/comment/hot?type=0
请求方法:get
请求参数:id(歌曲id,地址中的type固定为0)
响应内容:歌曲的热门评论
5.mv地址获取
请求地址:https://autumnfish.cn/mv/url
请求方法:get
请求参数:id(mvid,为0表示没有mv)
响应内容:mv的地址
*/
var app = new Vue({
    el: "#player",
    data: {
        // query 歌曲信息
        query: "",
        // 歌曲列表
        musicList: [],
        // 歌曲地址
        musicUrl: "",
        // 歌曲封面
        musicCover: "",
        // 歌曲评论
        hotComments: [],
        // 动画播放状态
        isplaying: false,
        // mv遮罩层
        isShow: false,
        //mv地址
        mvUrl: ""
    },
    methods: {
        // 创建搜索框的事件点击回调函数
        searchMusic: function() {
            var that = this;
            axios.get("https://autumnfish.cn/search?keywords=" + this.query)
                .then(function(response) {
                    // console.log(response);
                    // 获取搜索的相关歌曲response.data.result.songs
                    that.musicList = response.data.result.songs
                        // console.log(response.data.result.songs);
                }, function(err) {})
        },
        // 创建歌曲播放事件点击回调函数
        playMusic: function(musicId) {
            // console.log(musicId);
            var that = this;
            // 歌曲地址获取
            axios.get("https://autumnfish.cn/song/url?id=" + musicId)
                .then(function(response) {
                    // console.log(response);
                    // console.log(response.data.data[0].url);
                    that.musicUrl = response.data.data[0].url
                }, function(err) {})
                // 歌曲封面获取
            axios.get("https://autumnfish.cn/song/detail?ids=" + musicId)
                .then(function(response) {
                    // console.log(response);
                    // console.log(response.data.songs[0].al.picUrl);
                    that.musicCover = response.data.songs[0].al.picUrl
                }, function(err) {})
                // 歌曲评论获取
            axios.get("https://autumnfish.cn/comment/hot?type=0&id=" + musicId)
                .then(function(response) {
                    // console.log(response);
                    console.log(response.data.hotComments);
                    that.hotComments = response.data.hotComments
                }, function(err) {})
        },
        // 歌曲播放
        play: function() {
            // console.log(play);
            this.isplaying = true;
        },
        // 歌曲暂停 
        pause: function() {
            // console.log(pause);
            this.isplaying = false;
        },
        // mv播放
        playMV: function(mvid) {
            var that = this;
            axios.get("https://autumnfish.cn/mv/url?id=" + mvid)
                .then(function(response) {
                    // console.log(response);
                    console.log(response.data.data.url)
                    that.isShow = true
                    that.mvUrl = response.data.data.url
                }, function(err) {})
        },
        // 隐藏
        hide: function() {
            this.isShow = false
        }
    },
})